CSS3 Quick Syntax Reference by Mikael Olsson

Author:Mikael Olsson
Language: eng
Format: epub
ISBN: 9781484249031
Publisher: Apress

Figure 15-4Simple radial gradient

Like linear-gradient(), more than two color stops are allowed and they can optionally be followed by a length or percentage value, indicating the stop position of the color. An example is shown in Figure 15-5.radial-gradient(black 25%, white, black 75%);

Figure 15-5Radial gradient with set stop positions

The shape of the radial gradient can be either an ellipse or a circle. The default shape is ellipse, which allows the gradient to spread itself to match both the height and width of the element, as shown in Figure 15-5. The alternative circle value, illustrated in Figure 15-6, forces the gradient to be circular, regardless of the shape of the element.radial-gradient(circle, black 25%, white, black 75%);

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.